<template>
	<div class="container">
		<image class="bg-my" src="/static/icon/bg.png" :style="'height: ' + bgHeight + 'px;'" ></image>
		<tabBar currentPage="/pages/index/index"></tabBar>
		<!-- <image class="bg" v-show="showGuide" src="/static/icons/hb.png" mode="" @touchstart="touchStart" @touchend="touchEnd"></image> -->
		<div class="content">
			<div class="logo">
				<image src="/static/icon/logo.png" mode="aspectFill"></image>
				<div class="title">锡林郭勒博物馆</div>
			</div>
			<div class="card">
				<div class="card-title">
					<image src="/static/icon/time.png" mode="aspectFit"></image>
					参观时间
				</div>
				<div class="card-content">
					<div class="p-item"> <span>· </span>周二至周日免费开放</div>
					<div class="p-item"> <span>· </span> 周一闭馆(法定节假日除外)</div>
					<div class="p-item"> <span>· </span>夏季8:30-11:30 14:30-17:30</div>
					<div class="p-item"> <span>· </span> 冬季9:00-11.30 14:30-17:00</div>
					<div class="p-item"> <span>· </span>闭馆前30分钟停止入馆</div>
				</div>
			</div>
			<div class="card">
				<div class="card-title">
					<image src="/static/icon/local.png" mode="aspectFit"></image>
					地址
				</div>
				<div class="card-content">
					<div class="p-item">锡林浩特市锡林郭勒文化园内</div>
				</div>
			</div>
			<div class="card">
				<div class="card-title">
					<image src="/static/icon/say.png" mode="aspectFit"></image>
					简介
				</div>
				<div class="card-content">
					<div class="p-item">锡林郭勒博物馆位于锡林浩特市锡林郭勒文化园内，场馆始建于2005年，2009年8月正式免费对外开放，建筑面积2.1万平方米，是全盟重要的文物收藏、保护、教育、研究及展示机构，也是爱国主义教育基地和重要的文化宣传窗口。常年开展丰富多彩的社教活动，发扬和传承传统文化。多年来，锡林郭勒博物馆认真贯彻执行国家及行业法律法规，以开放性、公益性及服务性为出发点，为建设公共文化服务体系和传承保护中华民族文化遗产贡献力量。</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import data from '@/js/index/index/data.js';
	import methods from '@/js/index/index/methods.js';
	import { mapState } from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	export default {
		data,
		methods,
		onLoad(e) {
			// this.getData(e.id)
			
		},
		onShow() {
			// uni.hideTabBar({})
			
		},
		onPageScroll(res) {
			
		},
		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['navigationBarHeight']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(300);
			}
		},
		components: {
			navigationBar,
		}
	};
</script>
<style>
	page,.uni-page {
		background: #000000;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/index/index.scss';
</style>
